<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="js/main.js"></script>
<link type="text/css" rel="stylesheet" href="css/main.css">
<title>index page</title>
</head>

<body>

	<!-- Start of Page Definition -->
	<div id="page-container">
		<div id="header">
			<div>
				<a id="logo" href="#"></a>
			</div>
			<div id="navigation-bar">
				<ul id="navigation-list">
					<li class="navigation-item"><a href="#">How it works</a></li>&#124;
					<li class="navigation-item"><a href="#">Sign Up</a></li>&#124;
					<li class="navigation-item"><a href="#">Login</a></li>
				</ul>
			</div>
		</div>
		<br />
		<div id="core">
			<div id="product-desc">Image here</div>
			<div id="sidebar">
				<a id="signup" class="button" onclick="navigate('signup')">Sign Up</a>
				<br><br>
				<b>&nbsp;&nbsp;__________OR__________&nbsp;&nbsp;</b>
				<br><br>
				<a id="gsignin" class="button">Google Sign In</a>
			</div>
		</div>
		<div id="footer">
			<div id="sitemap">
				<ul id="sitemap-list">
					<li class="sitemap-item">
						<ul id="sitemap-individual-list">
							<li class="sitemap-individual-item-header">LoanWolf</li>
							<li class="sitemap-individual-item"><a href="#">How it
									works</a></li>
							<li class="sitemap-individual-item"><a href="#">Sign up</a></li>
							<li class="sitemap-individual-item"><a href="#">Sign in</a></li>
						</ul>
					</li>
					<li class="sitemap-item">
						<ul id="sitemap-individual-list">
							<li class="sitemap-individual-item-header">Connect</li>
							<li class="sitemap-individual-item"><a href="#">facebook</a></li>
							<li class="sitemap-individual-item"><a href="#">twitter</a></li>
							<li class="sitemap-individual-item"><a href="#">linked
									in</a></li>
						</ul>
					</li>
					<li class="sitemap-item">
						<ul id="sitemap-individual-list">
							<li class="sitemap-individual-item-header">About Us</li>
							<li class="sitemap-individual-item"><a href="#">Our Team</a></li>
							<li class="sitemap-individual-item"><a href="#">Blog</a></li>
							<li class="sitemap-individual-item"><a href="#">easter
									egg</a></li>

						</ul>
					</li>
					<li class="sitemap-item">
						<ul id="sitemap-individual-list">
							<li class="sitemap-individual-item-header">Support</li>
							<li class="sitemap-individual-item"><a href="#">Terms &
									Conditions</a></li>
							<li class="sitemap-individual-item"><a href="#">Site
									Feedback</a></li>
							<li class="sitemap-individual-item"><a href="#">Contact
									Us</a></li>
						</ul>
					</li>
				</ul>
			</div>
			<div id="signature">&nbsp;&nbsp;&nbsp;created in New York
				City&nbsp;&nbsp;&nbsp;</div>
		</div>
	</div>
	<!-- End of Page Definition -->
</body>
</html>
